<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item :to="{ path: '/home/index' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item >{{projectRouterList[i]}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  data(){
    return{
      projectRouterList:[
        "学前教育",
        "一年级",
        "二年级",
        "三年级",
        "四年级",
        "五年级",
        "六年级",
        "七年级",
        "八年级",
        "九年级",
        "高一",
        "高二",
        "高三",
        "英语学习"
      ],
      i:0
    }
  },
  created() {
     this.routerId = this.$route.params.id; //获取传来的参数
      // console.log(this.routerId);
      this.i=this.routerId
  },
    watch: {
    $route() {
      this.routerId = this.$route.params.id; //获取传来的参数
      // console.log(this.routerId);
      this.i=this.routerId
    },
  },
};
</script>

<style>

.el-breadcrumb{
    height: 40px;
   line-height: 40px;
   margin-bottom: 20px;
}

.el-breadcrumb__inner{
  color: #f5f5f5 !important;
}
</style>